body {
	margin: 0px;
	padding: 0px;
	font-family:verdana,arial,sans;
	font-weight: normal;
	font-size:10px;	
}

.gwt-HorizontalSplitPanel {
	border: 0px dotted black;
}

.gwt-HorizontalSplitPanel hsplitter {
	/*border: 0px dashed black;*/
	background-color: pink;
}



.gwt-StackPanel {
	border: 0px dotted black;
	background-color: #eeeeee;
}

.gwt-StackPanel .gwt-StackPanelItem {
	background-color: white;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
	color: white;
	background-color: black;
}



.gwt-HTML {
}

.gwt-HTML-Link {
	font-family: Verdana;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.gwt-HTML-Link-selected {
	background-color: #dee6f7;
}


.MainVSP {
	border: 0px solid black;
}


.my-TopHTML {
	background-color: white;
	opacity: 0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	
	font-family: Verdana;
	font-size: 12px;
	line-height: 14px;
}



.my-DraggableZone {
	border: 1px solid black;
	/*background-color: orange;*/
}

.my-DraggableZoneHandler {
	/*background-color: red;*/
	width: 100%;
	height: 100%;
	
}


.my-DraggableZone-onDraggingElement {
	/*background-color: yellow;*/
	/*border: 1px solid orange;*/
	/*border: 3px solid red;*/
}

.my-DraggableElement {
	border: 0px dashed black;
	background-color: red;
	
}


.my-Schedule-Border {
	border: 1px solid black;
	float: left;
}

.my-Schedule {
	/*border: 1px solid black;*/
	background-color: #ededed;
	
}

.my-Schedule-header {
	/*border: 1px solid #808080;*/
	background-color: #b5cee7;
	line-height: 20px;
}

.my-Schedule-fulltimeHours {
	background-color: #efefef;
	background-image: url(../images/schedule_hours.png);
}

.my-Schedule-notFulltimeHours {
	background-color: #efefef;
	background-image: url(../images/schedule_hours_small.png);
}

.my-Schedule-printoutScheduleReport {
	display: none;
}

.my-Day {
	
}

.my-Day tbody tr td {
	border: 1px solid black;
}

.my-Day tbody tr:FIRST-CHILD td {
	border: 0px solid red;
}


.my-Day-header {
	background-color: #eff7ff;
	font-family:tahoma,verdana,arial,sans;
	font-size:12px;
}

.my-Day-header center {
	border: 1px solid gray;
	line-height: 18px;
}

.my-Day-events {
	background-color: #eff7ff;
	/*border: 1px solid black;*/
	background-image: url(../images/schedule_day_bg.png); 
}

.my-Day-events-small {
	background-color: #eff7ff;
	/*border: 1px solid black;*/
	background-image: url(../images/schedule_day_bg_small.png); 
}

.my-Event {
	background-color: #ceffb3;
	font-family:tahoma,verdana,arial,sans;
	font-size:10px;
	z-index: 3; 
}

.my-Event-bottomLeft {
	background-color: transparent;
	/*background-image: url(../images-schedule/bottom_left_200_54.png);*/
}

.my-Event-topRight {
	background-color: transparent;
	/*background-image: url(../images-schedule/top_right_200_54.png);*/
}


.my-Event-Hint {
	background-color: transparent;
	font-family:tahoma,verdana,arial,sans;
	font-size:10px;
	z-index: 5; 
}

.my-Event-Hint-backgroundImage {
	z-index: 3;
	
	opacity: 0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
}

.my-Event-Hint-bottomLeft {
	background-color: transparent;
	/*background-image: url(../images-schedule/bottom_left_200_54.png);*/
}

.my-Event-Hint-topRight {
	background-color: transparent;
	/*background-image: url(../images-schedule/top_right_200_54.png);*/
}



.my-Event-LecturerHint {
	background-color: transparent;
	font-family:tahoma,verdana,arial,sans;
	font-size:10px;
	z-index: 2;
}

.my-Event-LecturerHint-bottomLeft {
	background-color: transparent;
	/*background-image: url(../images-schedule/bottom_left_200_54.png);*/
}

.my-Event-LecturerHint-topRight {
	background-color: transparent;
	/*background-image: url(../images-schedule/top_right_200_54.png);*/
}


.my-Event-header {
	right: 0px;
	z-index: 0;
}

.my-Event-property {
	position: absolute;
	z-index: 4;
	-moz-user-select:none;
	line-height: 8px;
	white-space: nowrap;
}

.my-Event-removeIcon {
	background-color: transparent;
	right: 2px;
	position: absolute;
	width: 14px;
	overflow: hidden;
	z-index: 10;
	cursor: pointer;
}

.my-Event-editIcon {
	background-color: transparent;
	right: 17px;
	position: absolute;
	width: 14px;
	overflow: hidden;
	z-index: 10;
	cursor: pointer;
}

.my-Event-resizeIcon {
	position: absolute;
	bottom: 0px;
	overflow: hidden;
	cursor: s-resize;
	z-index: 10;
}

.my-Event-property-right {
	right: 0px;
	background-color: red;
}

.my-Event-backgroundImage {
	z-index: 3;
}

.my-Event-handler {
	/*border: 1px dotted orange;*/
	z-index: 5;
	background-color: white;
	cursor: move;
	
	opacity: 0.01;
	filter:alpha(opacity=1);
	-moz-opacity:0.01;
}

.my-Event-details {
	border: 1px solid red;
	background-color: pink;
	position: absolute;
	left: 200px;
	top: 200px;
	width: 200px;
	height: 200px;
	z-index: 200;
	/*display: none;*/
}

.my-LecturerPreferences {
	/*background-color: pink;*/
	font-family:tahoma,verdana,arial,sans;
	font-size:10px;
	z-index: 0;
	opacity: 0.25;
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
}


.my-LocationForSubjectEvent {
	background-color: gray;
	z-index: 10;
}


.my-PreferenceTypeChooser-item {
	background-color: white;
	cursor: pointer;
}

.my-PreferenceTypeChooser-item table {
	font-family: tahoma,verdana,arial,sans;
	font-size: 10px;
	color: gray;
}


.my-PreferenceTypeChooser-itemHovered {
	background-color: #EAEAEA;
}


/*** BORDERS ***/

.grayBorderTop {
	position: absolute;
	background-color: #808080;
	top: 0px;
	width: 100%;
	height: 1px;
	overflow: hidden;
	z-index: 15;
}

.grayBorderBottom {
	position: absolute;
	background-color: #808080;
	bottom: 0px;
	width: 100%;
	height: 1px;
	overflow: hidden;
	z-index: 15;
}

.grayBorderLeft {
	position: absolute;
	background-color: #808080;
	left: 0px;
	width: 1px;
	height: 100%;
	z-index: 15;
}

.grayBorderRight {
	position: absolute;
	background-color: #808080;
	right: 0px;
	width: 1px;
	height: 100%;
	z-index: 15;
}



.redBorderTop {
	position: absolute;
	background-color: red;
	top: 0px;
	width: 100%;
	height: 1px;
	overflow: hidden;
	z-index: 15;
}

.redBorderBottom {
	position: absolute;
	background-color: red;
	bottom: 0px;
	width: 100%;
	height: 1px;
	overflow: hidden;
	z-index: 15;
}

.redBorderLeft {
	position: absolute;
	background-color: red;
	left: 0px;
	width: 1px;
	height: 100%;
	z-index: 15;
}

.redBorderRight {
	position: absolute;
	background-color: red;
	right: 0px;
	width: 1px;
	height: 100%;
	z-index: 15;
}


.blackBorderTop {
	position: absolute;
	background-color: black;
	top: 0px;
	width: 100%;
	height: 1px;
	overflow: hidden;
	z-index: 15;
}

.blackBorderBottom {
	position: absolute;
	background-color: black;
	bottom: 0px;
	width: 100%;
	height: 1px;
	overflow: hidden;
	z-index: 15;
}

.blackBorderLeft {
	position: absolute;
	background-color: black;
	left: 0px;
	width: 1px;
	height: 100%;
	z-index: 15;
}

.blackBorderRight {
	position: absolute;
	background-color: black;
	right: 0px;
	width: 1px;
	height: 100%;
	z-index: 15;
}



.blueBorderTop {
	position: absolute;
	background-color: #3875d7;
	top: 0px;
	width: 100%;
	height: 1px;
	overflow: hidden;
	z-index: 15;
}

.blueBorderBottom {
	position: absolute;
	background-color: #3875d7;
	bottom: 0px;
	width: 100%;
	height: 1px;
	overflow: hidden;
	z-index: 15;
}

.blueBorderLeft {
	position: absolute;
	background-color: #3875d7;
	left: 0px;
	width: 1px;
	height: 100%;
	z-index: 15;
}

.blueBorderRight {
	position: absolute;
	background-color: #3875d7;
	right: 0px;
	width: 1px;
	height: 100%;
	z-index: 15;
}

/*** CREATE SUBJECT EVENT DIALOG ***/

.createSubjectEventDialog {
	border: 1px solid black;
	background-color: white;
}

.gwt-Tree {
	font-family:verdana,arial,sans;
	font-weight: normal;
	font-size:10px;
	line-height: 10px;	
	
	border: 1px solid black;
	
	padding-left: 0px;
	/*background-color: gray;*/
}

.gwt-Tree .gwt-TreeItem {
	font-family:verdana,arial,sans;
	font-weight: normal;
	font-size:10px;	
	line-height: 10px;
		
	/*border: 1px solid black;*/
	padding: 0px;
	margin: 0px;
	cursor: pointer;
}

.gwt-Tree .gwt-TreeItem-selected {
	font-family:verdana,arial,sans;
	font-weight: normal;
	font-size:10px;
	
	
	background-color: #b4dee8;
}


/*** SORTABLE TABLE ***/
.customTable {
	cursor: pointer;
	border: 1px solid #9fc3d7;
}

.customTable-headerRow {
	background-color: #dadee0;
	overflow: hidden;
	
	font-family: verdana,arial,sans;
	font-weight: bold;
	font-size: 12px;
}

.customTable-valueRow {
	overflow: hidden;
	
	font-family: verdana,arial,sans;
	font-weight: normal;
	font-size: 11px;	
}

.customTable-valueRowGray {
	color: #808080;
}

.customTable-valueRowRed {
	color: red;
}

.customTable-valueRowGreen {
	color: green;
}

.customTable-highlightedWidget {
	background-color: #dcdcdc;
}

.customTable-selectedWidget {
	background-color: #9fc3d7;
}


.link {
	color: #5e8fa6;
	cursor: pointer;
	font-family: verdana,arial,sans;
	font-weight: bold;
	font-size: 11px;
}

.closeImage {
	margin-left: 3px;
	cursor: pointer;
	width: 14px;
}


.gwt-DialogBox {
	background-color: white;
	border: 1px solid #c0c0c0;
}

.gwt-DialogBox .Caption {
	background-color: #b5cee7;
	cursor: pointer;
	border-bottom: 1px solid black;
	
	font-family: verdana,arial,sans;
	font-weight: bold;
	font-size: 14px; 
}

.gwt-CheckBox {
	white-space: nowrap;
}


.gwt-Button {
	background-color: #e7e7e7;
	line-height: 12px;
	
	font-family: verdana,arial,sans;
	font-size: 12px;
	/*border: 1px solid gray;*/
}


.gwt-CustomButton-down-hovering {
	background-color: pink;
}

.gwt-CustomButton {
	cursor: pointer;
	background-color: yellow;
}

.gwt-CustomButton-down {
	background-color: orange;
}

.gwt-CustomButton-up-hovering {
	background-color: green;
}

.jp-VerticalSplitPanel-TopScrollPanel {
	background-image: url(../images/application_logo.jpg);
	background-repeat: no-repeat;
	background-position: 170px 0px;
	overflow: hidden;
}

.my-CSObjectHTML {
	font-family: Verdana;
	font-size: 12px;
	line-height: 16px;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
}

.my-CSObjectHTML-hovered {
	/*background: url(../images/schedule_hovered_item.png) repeat-x;*/
	background-color: #e3ecf3;
	cursor: pointer;
}


.my-CSObjectHTML-Tooltip {
	padding: 5px;
	border: 1px solid #fde4a7;
	background-color: #ffffe1;
	z-index: 50;
}

.my-CSObjectHTML-Group {
	padding-left: 18px;
	background-image: url(../images/schedule_group.png);
	background-repeat: no-repeat;
}

.my-CSObjectHTML-Group-Yellow {
	background-image: url(../images/schedule_group_yellow.png);
}

.my-CSObjectHTML-Group-Red {
	background-image: url(../images/schedule_group_conflict.png);
}

.my-CSObjectHTML-Group-Alert {
	color: #dc5c3b;
}

.my-CSObjectHTML-Lecturer {
	padding-left: 18px;
	background-image: url(../images/schedule_lecturer2.png);
	background-repeat: no-repeat;
}

.my-CSObjectHTML-Lecturer-Alert {
	background-image: url(../images/schedule_lecturer2_conflict.png);
	color: #dc5c3b;
}

.my-CSObjectHTML-Room {
	padding-left: 18px;
	background-image: url(../images/schedule_room.png);
	background-repeat: no-repeat;
}

.my-CSObjectHTML-Room-Alert {
	background-image: url(../images/schedule_room_conflict.png);
	color: #dc5c3b;
}

.my-SelectableVerticalPanel-highlightedWidget {
	background-color: #fde4a7;
	
}



.hidden {
	display: none;
}




